<LayoutTableSmall>
    <!-- 顶部 -->
    <template slot="top"></template>
    <!-- 其他 -->
    <template slot="other"></template>
    <!-- 搜索 -->
    <template slot="search">
        <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            @submit.native.prevent class="demo-form-inline">
            <el-form-item>
                <el-select v-model="mixinTable_tableSearchData.type" @change="mixinTable_searchData" style="width:100px"
                    placeholder="支付方式" clearable>
                    <el-option label="微信" value="1"></el-option>
                    <el-option label="支付宝" value="2"></el-option>
                    <el-option label="银行转账" value="3"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-input clearable v-model="mixinTable_tableSearchData.real_name" placeholder="请输入收款账户名"
                    @change="mixinTable_searchData" style="width:200px">
                    <el-button slot="append" icon="el-icon-search" @click="mixinTable_searchData()"></el-button>
                </el-input>
            </el-form-item>
        </el-form>


    </template>
    <!-- 功能 -->
    <template slot="function">
        <el-button type="primary" @click="editBoxOpen({type:'add'})">新增提现申请</el-button>
    </template>
    <!-- 表格 -->
    <template slot="table">
        <div class="revenue" v-if="mixinTable_tableData.money">
            <div class="title">营收概况</div>
            <div class="inline">
                <div class="inline_block">
                    <div class="money">{{ mixinTable_tableData.money.total_amount }}</div>
                    <div class="money_name">订单总金额(元)</div>
                </div>
                <div class="inline_block">
                    <div class="money">{{ mixinTable_tableData.money.pay_amount }}</div>
                    <div class="money_name">实收总金额(元)</div>
                </div>
                <div class="inline_block">
                    <div class="money">{{ mixinTable_tableData.money.commission_amount }}</div>
                    <div class="money_name">佣金总支出(元)</div>
                </div>
                <div class="inline_block">
                    <div class="money">{{ mixinTable_tableData.money.promotion_amount }}</div>
                    <div class="money_name">优惠抵扣金额(元)</div>
                </div>
                <div class="inline_block">
                    <div class="money">{{ mixinTable_tableData.money.usable_money }}</div>
                    <div class="money_name">门店总金额(元)</div>
                </div>
                <div class="inline_block">
                    <div class="money">{{ mixinTable_tableData.money.usable_money }}</div>
                    <div class="money_name">可提现金额(元)</div>
                </div>
            </div>
        </div>
        <div style="height: calc(100% - 160px);">
            <el-table v-loading="mixinTable_loading" :data="mixinTable_tableData.list" border style="width: 100%;"
                :ref="mixinPage_vueName+'TableSmall'" height="100%"
                @selection-change="mixinTable_handleSelectionChangeTableSmall" :tree-props="{children: 'children'}"
                default-expand-all row-key="id">
                <el-table-column type="selection" width="50" align="center"></el-table-column>
                <el-table-column type="index" width="50" :index="mixinTable_indexMethod" align="center" label="#">
                </el-table-column>
                <el-table-column prop="real_name" label="收款账户名">
                </el-table-column>
                <el-table-column prop="amount" label="申请提现金额">
                </el-table-column>
                <el-table-column prop="bank_card" label="收款帐号">
                </el-table-column>
                <!-- <el-table-column prop="created_at" label="审核时间">
                </el-table-column> -->
                <el-table-column prop="type" label="支付方式">
                    <template slot-scope="scope">
                        <div v-show="scope.row.type == 1">微信</div>
                        <div v-show="scope.row.type == 2">支付宝</div>
                        <div v-show="scope.row.type == 3">银行转账</div>
                    </template>
                </el-table-column>
                <el-table-column label="操作" width="150" align="center">
                    <template slot-scope="scope">
                        <el-button @click="editBoxOpen({type:'update',id:scope.row.id})">编辑</el-button>
                        <el-button type="danger" plain @click="mixinTable_selectTableDeleteData([scope.row])">删除
                        </el-button>
                    </template>
                </el-table-column>


            </el-table>
        </div>
    </template>
    <!-- 表格选项 -->
    <template slot="options">
        <el-button :disabled="mixinTable_selectTableData.length<=0" @click="mixinTable_selectTableDeleteData()">
            删除已选</el-button>
        <el-button :disabled="mixinTable_selectTableData.length<=0"
            @click="mixinTable_clearSelectionChangeTableSmall()">取消选择
        </el-button>
    </template>
    <!-- 分页 -->
    <template slot="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
            @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinTable_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>